.loginbody{
    width: 100%;
    height: 100vh;
  
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f7f5f5;
    flex-direction: column;

    .top{
        width: 100%;
        height: 80px;
        background:#fff;
        display: flex;
        align-items: center;
        padding-left: 20px;
        box-sizing: border-box;
        .logo{
            height: 50px;
            width: auto;
            display:block;
        }
    }
    .main{
        width: 100%;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        .content{
          
            width: 1190px;
            height: 430px;
            background: red;
            display: flex;
            .right{
                width: 440px;
                height:100% ;
                background: yellow;

            }
            .left{
                flex: 1;
                height:100% ;
                background: skyblue;
                padding-right: 30px;
                box-sizing: border-box;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
    .footer{
        width: 100%;
        height: 100px;
        background:#fff;
    }

}
.loginform{
    width: 100%;
    height: auto;
 
    padding: 50px;
}

.imgcode{
    height: 50px;
    width: auto;
}